<wicket:extend>
   <div class="content">
    <div class="container">
      <div class="row">
        <div class="span2">

          <div class="smv-leftnav">
            <div class="btn-toolbar">
              <div class="btn-group">
                <a class="btn btn-small" href="tr-new-ride.html">Take Ride</a>
                <a class="btn btn-small btn-success" href="gr-new-ride.html">Give Ride</a>
              </div>
            </div>
            <div class="well" style="padding: 8px 0;">
              <ul class="nav nav-list">
                <li class="nav-header">
                  Ride Section
                </li>
                <li>
                  <a href="gr-new-ride.html"><i class="icon-edit"></i> New Rides</a>
                </li>
                <li>
                  <a href="gr-pending-trips.html"><i class="icon-share"></i> Pending Rides</a>
                </li>
                <li>
                  <a href="gr-completedride.html"><i class="icon-check"></i> Completed Rides</a>
                </li>
                <li>
                  <a href="gr-pay.html"><i class="icon-shopping-cart"></i> Payment</a>
                </li>
                <li class="nav-header">
                  Your Account
                </li>
                <li>
                  <a href="gr-registration.html"><i class="icon-user"></i> Preferences</a>
                </li>
                <li>
                  <a href="gr-create-circle.html"><i class="icon-cog"></i> Create Circle</a>
                </li>
                <li >
                  <a href="gr-create-msg.html"><i class="icon-comment"></i> Create Message</a>
                </li>
                <li class="active">
                  <a href="gr-my-msg.html"><i class="icon-envelope"></i> My Message</a>
                </li>
                
              </ul>
            </div>
          </div>
        </div>
        <!-- table section -->
        <div class="span10">
          <div class="page-header">
            <h1>My Messages</h1>
          </div>
          <div class="row">
            <div class="span10">
              <h4>My circles - membership requests</h4>
              <table class="table table-bordered table-striped">
                <thead>
                  <tr>
                        <th>Circle</th>  
                    <th>Name</th>  
                    <th>Rating</th>
                    <th>Address</th>
                      <th>Notes</th>
                    <th></th>
                    <th></th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                       <td>Brigade Apts</td>  
                    <td>Guru</td>  
                    <td>5 star</td>
                    <td>Koramangala</td>
                      <td>Like your circle</td>
                    <td><button class="btn btn-small btn-primary" type="button">Accept ?</button></td>
                    <td><button class="btn btn-small" type="button">Decline</button></td>
                  </tr>
                  <tr>
                        <td>Infy</td> 
                     <td>Sita</td>  
                    <td>4 star</td>
                    <td>MG Road</td>
                      <td>Like your circle</td>
                 <td><button class="btn btn-small btn-primary" type="button">Accept ?</button></td>
                    <td><button class="btn btn-small " type="button">Decline</button></td>
                  </tr>
                  <tr>
                        <td>Brigade Apts</td> 
                     <td>Ram</td>  
                    <td>4 star</td>
                    <td>Vasanthnagar</td>
                      <td>Like your circle</td>
                 <td><button class="btn btn-small btn-primary" type="button">Accept ?</button></td>
                    <td><button class="btn btn-small" type="button">Decline</button></td>
                  </tr>

                </tbody>
              </table><br/>
                 <h4>Circle membership invitations</h4>
              <table class="table table-bordered table-striped">
                <thead>
                  <tr>
                    <th>Circle Name</th>  
                    <th>Circle Owner name</th>
                    <th>Address</th>
                    <th></th>
                    <th></th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>Project X</td>  
                    <td>Ram</td>
                    <td>Koramangala</td>
                    <td><button class="btn btn-small btn-primary" type="button">Accept ?</button></td>
                    <td><button class="btn btn-small" type="button">Decline</button></td>
                  </tr>
                  <tr>
                    <td>Our Locality</td>  
                    <td>Ram</td>
                    <td>Koramangala</td>
                    <td><button class="btn btn-small btn-primary" type="button">Accept ?</button></td>
                    <td><button class="btn btn-small " type="button">Decline</button></td>
                  </tr>
                  <tr>
                    <td>Blr Sindhi Gang</td>  
                    <td>Ram</td>
                    <td>Koramangala</td>
                    <td><button class="btn btn-small btn-primary" type="button">Accept ?</button></td>
                    <td><button class="btn btn-small" type="button">Decline</button></td>
                  </tr>

                </tbody>
              </table><br/>
                  <!-- <p>
                    <button class="btn btn-small" type="button">Edit</button>
                    <button class="btn btn-small btn-primary" type="button">Save</button>
                  </p> -->
                  <h4>Ride match confirmation messages</h4>
                  <table class="table table-bordered table-striped">
                    <thead>
                      <tr>
                        <th>From</th>  
                        <th>To</th>
                        <th>Date</th>
                        <th>Role</th>
                        <th>Share Name</th>
                        <th>Share no.</th>
                        <th></th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td>M.G.Road</td>  
                        <td>Hiranandani</td>
                        <td>13/09/2013</td>
                        <td>Give</td>
                        <td>Satish</td>
                        <td>+91-0000000000</td>
                        <td><a href="#">Cancel</a></td>
                      </tr>
                      <tr>
                        <td>M.G.Road</td>  
                        <td>Hiranandani</td>
                        <td>13/09/2013</td>
                        <td>Give</td>
                        <td>Satish</td>
                        <td>+91-0000000000</td>
                        <td><a href="#">Cancel</a></td>
                      </tr>
                      <tr>
                        <td>M.G.Road</td>  
                        <td>Hiranandani</td>
                        <td>13/09/2013</td>
                        <td>Give</td>
                        <td>Satish</td>
                        <td>+91-0000000000</td>
                        <td><a href="#">Cancel</a></td>
                      </tr>

                    </tbody>
                  </table>
                  <h4>Rate Completed Rides</h4>
                  <table class="table table-bordered table-striped">
                    <thead>
                      <tr>
                        <th>From</th>  
                        <th>To</th>
                        <th>Date</th>
                        <th>Role</th>
                        <th>Share Name</th>
                        <th>Rate ride</th>
                       
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td>M.G.Road</td>  
                        <td>Hiranandani</td>
                        <td>13/09/2013</td>
                        <td>Give</td>
                        <td>Satish</td>
                        <td><a href="#">Give Rating</a></td>
                      </tr>
                      <tr>
                        <td>M.G.Road</td>  
                        <td>Hiranandani</td>
                        <td>13/09/2013</td>
                        <td>Give</td>
                        <td>Satish</td>
                       
                         <td><a href="#">Give Rating</a></td>
                      </tr>
                      <tr>
                        <td>M.G.Road</td>  
                        <td>Hiranandani</td>
                        <td>13/09/2013</td>
                        <td>Give</td>
                        <td>Satish</td>
                        
                          <td><a href="#">Give Rating</a></td>
                      </tr>

                    </tbody>
                  </table>
                </div>
              </div>
            </div>
            <!-- table section ends here -->
          </div>
        </div>
      </div><br/><br/><br/><br/><br/><br/>
 
</wicket:extend>